<template>
    <div id="btnapp" >
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "ArrowButton",

    }
</script>

<style scoped>
    #btnapp{
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
        cursor: pointer;
        color: white;
        background: url("../../assets/buttons/button-sheets.png");
        width: 251px;
        height: 60px;

    }

    #btnapp:hover{
                background: url("../../assets/buttons/button-sheets-hovered.png");

    }
</style>